<template>
	<view class="loading">
		<u-loading-icon 
			:mode="mode" 
			:text="text" 
			:vertical="vertical" 
			textSize="30rpx"  
			size="48rpx"
		></u-loading-icon>
	</view>
</template>

<script>
	/**
	 * 加载
	 */
	export default {
		name: 'Loading',
		props: {
			text: {
				type: String,
				default: '正在加载'
			},
			mode: {
				type: String,
				default: 'circle'
			},
			vertical: {
				type: Boolean,
				default: true
			}
		}
	}
</script>

<style lang="scss" scoped>
.loading {
	padding-top: 50rpx;
}
</style>
